Apa Itu HTML

Tutorial HTML; Diperbarui tanggal: 9/09/2025

Pengertian HTML

HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat dan mengatur konten pada halaman web. HTML memungkinkan kita untuk menentukan struktur dan tampilan suatu halaman web, serta menambahkan elemen-elemen seperti teks, gambar, video, dan tautan.

HTML terdiri dari serangkaian "tag" yang digunakan untuk menunjukkan bagaimana suatu konten harus ditampilkan pada halaman web. Setiap tag memiliki sintaksis yang terdiri dari tanda kurung sudut (<>) dan sering kali memiliki atribut yang menentukan properti dari elemen tersebut. Contohnya, tag <p> digunakan untuk menandai paragraf, tag <img> digunakan untuk menampilkan gambar, dan tag <a> digunakan untuk membuat tautan ke halaman web lain.

Secara umum HTML dapat digambarkan sebagai berikut:

  • HTML adalah singkatan dari Hyper Text Markup Language
  • HTML merupakan bahasa markup standar untuk membuat halaman web
  • HTML menjelaskan struktur halaman web
  • HTML terdiri dari serangkaian elemen
  • Elemen-elemen pada html akan memberi tahu browser cara menampilkan konten
  • HTML Elements menunjukkan Label Potongan konten seperti "Ini adalah heading", "Ini adalah paragraf", "Ini tautan", dll.

Contoh Dokumen HTML Sederhana

<!DOCTYPE html>
<html>
<head>
<title>Judul dokumen</title>
</head>
<body>

<h1>Heading: Judul dari conten yang akan dibuat</h1>
<p>Paragraf pertama.</p>

</body>
</html>

Penjelasan kode HTML diatas

  • Baris pertama yaitu deklarasi <!DOCTYPE html> menunjukkan bahwa dokumen ini meruoakan dokumen HTML5
  • Elemen <html> adalah elemen root dari halaman HTML
  • Elemen <head> berisi informasi meta data tentang halaman HTML
  • Elemen <title> menentukan judul untuk halaman HTML (akan ditampilkan di judul browser atau di tab halaman)
  • Elemen <body> mendefinisikan badan dokumen, dan merupakan wadah untuk semua konten yang terlihat, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll.
  • Elemen <h1> mendefinisikan judul besar
  • Elemen <p> mendefinisikan sebuah paragraf

Elemen dalam dokumen HTML

Elemen dalam dokumen HTML adalah tag-tag HTML yang digunakan untuk membangun struktur dan konten halaman web. Elemen HTML ditandai oleh tag awal, konten, dan tag akhir:

<tagname> konten web... </tagname>

contoh

<h1>Heading</h1>

<h1> = Tag awal atau tag pembuka

</h1> = tag akhir atau tag penutup

Beberapa elemen dalam html tidak memiliki konten yang digunakan untuk tujuan tertentu seperti <br> yang digunakan untuk perpindah baris. Elemen-elemen ini disebut elemen kosong. Elemen kosong tidak memiliki tag akhir!

HTML Tidak Case Sensitive

Penulisan kode HTML tidak harus memperhatikan huruf besar ataupun huruf kecil. Hal ini bearti <p> sama dengan <P>.

Standar HTML tidak mengharuskan tag huruf kecil, tetapi W3C merekomendasikan untuk menuliskannya dalam huruf kecil , untuk jenis dokumen yang lebih ketat seperti XHTML biasanya menuntut untuk menuliskannya dalam huruf kecil.